<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();
</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤 气相色谱质谱法分析原始记录（B面）</h1>
    <div>SXLPHJ/JL/CX-22-87</div>
    <table class="table">
      <tr>
        <td colspan="15" style="text-align: center;">溶液配制
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">序号</td>
        <td colspan="2">标准贮备液编号</td>
        <td colspan="2">有效期</td>
        <td colspan="2">移取贮备液体积(μL)</td>
        <td colspan="1">使用液浓度(mg/L)</td>
        <td colspan="3">定容体积(mL)</td>
      </tr>
      <tr>
        <td colspan="2">1</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_bzbybh1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yxq1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yqzbytj1"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_syynd1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_drtj1"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">2</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_bzbybh2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yxq2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yqzbytj2"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_syynd2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_drtj2"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">3</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_bzbybh3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yxq3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yqzbytj3"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_syynd3"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_drtj3"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">4</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_bzbybh4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yxq4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yqzbytj4"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_syynd4"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_drtj4"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">5</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_bzbybh5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yxq5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yqzbytj5"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_syynd5"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_drtj5"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">6</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_bzbybh6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yxq6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_yqzbytj6"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_syynd6"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.ry_drtj6"/>
        </td>
      </tr>
      <tr>
        <td colspan="15" style="text-align: center;">校准曲线配制
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">序号</td>
        <td colspan="2">待测物使用液加入量(μL)</td>
        <td colspan="2">替代物使用液加入量(μL)</td>
        <td colspan="2">内标使用液加入量(μL)</td>
        <td colspan="1">定容体积(mL)</td>
        <td colspan="3">曲线浓度（μg/mL）</td>
      </tr>
      <tr>
        <td colspan="2">1</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dcwsyyjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dtwsyyjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_nbsyyjrl1"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_drtj1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_qxnd1"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">2</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dcwsyyjrl2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dtwsyyjrl2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_nbsyyjrl2"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_drtj2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_qxnd2"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">3</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dcwsyyjrl3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dtwsyyjrl3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_nbsyyjrl3"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_drtj3"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_qxnd3"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">4</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dcwsyyjrl4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dtwsyyjrl4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_nbsyyjrl4"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_drtj4"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_qxnd4"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">5</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dcwsyyjrl5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dtwsyyjrl5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_nbsyyjrl5"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_drtj5"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_qxnd5"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">6</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dcwsyyjrl6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_dtwsyyjrl6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_nbsyyjrl6"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_drtj6"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.jzqxpz.jz_qxnd6"/>
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">序号</td>
        <td colspan="2">待测物</td>
        <td colspan="2">校准曲线</td>
        <td colspan="2">序号</td>
        <td colspan="1">待测物</td>
        <td colspan="3">校准曲线</td>
      </tr>
      <tr v-for="(item, index) in waterForm.bdatas.unnamed" :key="index">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.un_xh"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.un_dcw"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.un_jzqx"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.un_xh2"/>
        </td>
        <td colspan="1">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.un_dcw2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.un_jzqx2"/>
        </td>
      </tr>
      <tr>
        <td style="width: 10%;" colspan="2">备注</td>
        <td colspan="19">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
